Law of Similarity 相似性法則

The human eye tends to perceive similar elements as a complete picture, shape, or group, even if those elements are separated. 人眼傾向於將相似的元素視為一個整體,即使這些元素是分開的。

Takeaways 要點

  1. 相似的東西看起來是一組的
  1. 如果東西有相同的顏色、形狀、大小或動作,我們會覺得它們是一類的
  1. 網頁上的可點選連結要和普通文字看起來不一樣,這樣使用者才好找

Origins 起源

心理學家發現人的大腦有特定的規律來理解看到的東西。他們把這些規律稱為格式塔法則。這些規律告訴我們,人天生會把看到的東西整理成有意義的圖案。主要有五種規律:物體靠得近、看起來像、連成線、形成完整、有連線關係。

Color  色彩

Tribute.co為例:網站上的上傳圖示和"錄製或上傳影片"按鈕都用了相同的紅色。這讓它們看起來像是一組相關的元素。但這樣的設計可能會讓使用者誤解 - 他們可能以為圖示和按鈕都能點選,實際上圖示只是裝飾,不能點選。

Shape  形狀

Synchrony Bank 資訊中心中的提交按鈕與取消按鈕和新增附件按鈕顏色相同,與這些次要操作融合在一起。
在Asos.com網站上,子分類的連結都用了圓角的方框設計,這樣看起來像是一組相關的按鈕。而下面的篩選選項用的是直角方框,這樣就能讓使用者知道它們是另一組不同的功能。

不要給不同功能用太像的圖示。比如在 Makr 這個應用裡,儲存日期、回覆邀請和感謝卡用了差不多的圖示,這樣會讓使用者搞不清楚它們是幹什麼的。。

Etsy.com上,"免運費"和"暢銷商品"用不同的顏色和方框來顯示,"暢銷商品"還有一個小圖示。這樣設計讓使用者容易分辨它們。如果兩個標識用相同的顏色和形狀,使用者就不容易快速找到想要的資訊。
每個可點選的地方都有一個箭頭標記。雖然這些地方的文字樣式不一樣,但箭頭告訴我們它們都是可以點選的。

Size  尺寸

產品集合的促銷資訊以比周圍產品列表更大的尺寸展示,以有效地傳達它們是不同型別的內容元素。

使用者把一個影片看成了廣告,因為這個影片跟旁邊的廣告大小和形狀都差不多。這發生在瑪莎·斯圖爾特的教程文章頁面上。